/* 主页 */
import React from "react";
import ImgLogo from "@/assets/react-logo.jpg";
import { AlphaPicker,
  BlockPicker,
  ChromePicker,
  CirclePicker,
  CompactPicker,
  GithubPicker,
  HuePicker,
  MaterialPicker,
  PhotoshopPicker,
  SketchPicker,
  SliderPicker,
  SwatchesPicker,
  TwitterPicker 
} from "react-color";


import "./index.less";

function Goods(): JSX.Element {
  return (
    <div className="page-home all_nowarp">
      <div className="box">
        <AlphaPicker></AlphaPicker>
        <br />
        <BlockPicker></BlockPicker>
        <br />
        <ChromePicker></ChromePicker>
        <br />
        <CirclePicker></CirclePicker>
        <br />
        <CompactPicker></CompactPicker>
        <br />
        <GithubPicker></GithubPicker>
        <br />
        <HuePicker></HuePicker>
        <br />
        <MaterialPicker></MaterialPicker>
        <br />
        <PhotoshopPicker></PhotoshopPicker>
        <br />
        <SliderPicker></SliderPicker>
        <br />
        <SketchPicker></SketchPicker>
        <br />
        <SwatchesPicker></SwatchesPicker>
        <br />
        <TwitterPicker></TwitterPicker>
      </div>
    </div>
  );
}

export default Goods;
